<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="__STATIC__/bootstrap/css/bootstrap.css" rel="stylesheet">
        <title>Admin Project</title>
        <style type="text/css">
            html,
            body {
                overflow: hidden;
                width: 100%;
                height: 100%;
                font-family: Arial;
                color: #333;
                font-size: 12px;

            }
            .loading {
                background: none repeat scroll 0 0 #FFFDE3;
                border: 1px solid #E4E4E4;
                border-radius: 2px 2px 2px 2px;
                box-shadow: 0 0 5px #E4E4E4;
                color: #222222;
                font-size: 12px;
                font-weight: 700;
                line-height: 100%;
                margin-left: 10px;
                padding: 6px 10px;
                position: absolute;
                top: 50px;
            }
        </style>

    </head>
    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                    <a class="brand" href="#">Admin Project</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <volist name="SUBMENU_CONFIG" id="vo">
                                <li class="menu_click" menu_id="{$vo['id']}"><a href="{$vo['url']}">{$vo['name']}</a></li>
                            </volist>
                            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">操作 <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://baidu.com" target="_blank">前台首页</a></li>
                                    <li><a href="#">会员中心</a></li>
                                    <li><a href="{:U('Public/logout')}">注销</a></li>
                                    <li class="divider"></li>
                                    <li class="nav-header">缓存更新</li>
                                    <li><a href="#">更新站点数据缓存</a></li>
                                    <li><a href="#">更新站点模板缓存</a></li>
                                    <li><a href="#">清除网站运行日志</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse --> 
                </div>
            </div>
        </div>
        <table width="100%" height="100%" style="table-layout:fixed;">
            <tbody>
                <tr class="content" style="height: 42px"><td width="220px"></td><td></td></tr>
                <tr class="content" style="height: 100%">
                    <td style="overflow:hidden;height: 100%;">
                        <iframe name="left_frame" id="left_frame" src="{:U('Index/menu')}" frameborder="false" scrolling="auto" style="border:none" width="100%" height="100%" allowtransparency="true"></iframe>
                    </td>
                    <td height="100%" id="B_frame"> 
                        <div id="loading" class="loading" style="display: block;">加载中...</div>
                        <iframe name="right_frame" id="right_frame" src="{:U('Main/index')}" frameborder="false" scrolling="auto" style="border:none;" width="100%" height="100%" allowtransparency="true"></iframe>
                    </td>
                </tr>
            </tbody>
        </table>
        <script src="__COMMON__/js/jquery.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-dropdown.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-transition.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-alert.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-modal.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-scrollspy.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-tab.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-tooltip.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-popover.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-button.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-collapse.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-carousel.js"></script> 
        <script src="__STATIC__/bootstrap/js/bootstrap-typeahead.js"></script> 
        <script type="text/javascript">
            var loading_show = function(){
                $('#loading').show().focus();
                setTimeout(function(){
                    $('#loading').hide();
                },500);
            }
            var iframe_default = document.getElementById('right_frame');
            $(iframe_default.contentWindow.document).ready(function () {
                setTimeout(function(){
                    $('#loading').hide();
                },500);
                $(iframe_default).show();
            });
            $(document).ready(function() {
                $(".menu_click").click(function() {
                    $(".menu_click").removeClass("active");
                    $(this).addClass("active");
                    parent.window.frames[0].location.href = "{:U('Index/menu')}&menu_id=" + $(this).attr('menu_id');
                    return false;
                });
                $(".menu_click:first").click();
            });
        </script>
    </body>
</html>


